برای ایجاد لینک طراحی وب سایت از تگ زیر استفاده می کنیم:

 

<a href="url">متن لینک</a>

تگ <a> نشانه لینک است. شناسه href مشخص کننده آدرس لینک می باشد، <a/> نشانه بسته شدن تگ است. متنی که بین این دو تگ ابتدایی و پایانی نوشته می شود متنی است که در صفحه شما به عنوان یک لینک دیده می شود. مثلاً اگر می خواهید به یک صفحه وب مثلاً صفحه اصلی سایت ما با این آدرس:   http://www.neopersia.org/html/index.html لینکی را در صفحه خود داشته باشید باید فرمان زیر را در قسمت body صفحه خود در جایی که می خواهید لینک به نمایش درآید قرار دهید:

  طراحی وب سایت

<a href="http://www.neopersia.org/html/index.html">متن نمونه برای لینک</a>

لینک در صفحه شما به این صورت دیده می شود:

 

متن نمونه برای لینک  طراحی وب سایت 

 

لینکی را که با فرمان بالا ساخته اید به صورت رنگی (بسته به تنظیمات مرورگر رنگ آن تعیین می شود) و زیرخط دار به وجود می آید. که این خصوصیات نشانه  طراحی وب سایت  آن است که یک متن لینک است و وقتی که نشانگر ماوس را بر روی آن قرار دهید به شکل دست در می آید. البته هر متنی که رنگی بود و دارای زیر خط بود لزوماً نباید یک لینک باشد. شکل نشانگر ماوس در اینجا به کمک ما می آید.

 

اگر شما لینکی را که با این روش به وجود آمده کلیک کنید به صفحه مورد نظر می روید. با این روش شما می توانید به هر صفحه ای لینک بسازید چون آدرس کامل آنرا در لینک قرار داده اید. برای مثال شما می توانید برای صفحات سایت  طراحی وب سایت  خود در صفحه اصلی با این روش لینکهایی بسازید.

 

اگر همه فایلهای شما مانند صفحه ای که لینک در آن قرار دارد در یک پوشه باشند شما می توانید به جای آدرس کامل صفحه مقصد از روش میانبری استفاده کنید و فقط نام فایل مورد نظر را به جای آدرس کامل آن بنویسید.

  طراحی وب سایت

در مثال زیر فرض بر این است که هر دو صفحه مبدأ و مقصد لینک در یک پوشه قرار دارند. برای نمونه سرفصل آموزش مقدماتی HTML در همان پوشه ای قرار دارد که این صفحه قرار دارد. نام این صفحه index.php است. برای ایجاد یک لینک در این صفحه می توانیم به اینگونه عمل کنیم:

 

<a href="index.php">متن نمونه برای لینک</a>

لینک حاصل شده:

 

متن نمونه برای لینک

 

هر دو روش بالا یک نتیجه را دارند اما در روش دوم زحمت نوشتن کمتر است.

  طراحی وب سایت

اگر شما شک دارید یا مطمئن نیستید که هر دو صفحه در یک پوشه قرار دارند حتماً از آدرس کامل استفاده کنید. چون در این روش مهم نیست که صفحات مربوط به چه سایتی باشند.

 

شناسه دیگری که می توانید در تگ لینک به کار ببرید title است. با استفاده از این شناسه می توانید عنوانی را برای لینک انتخاب کنید و این عنوان در هنگامی که بازدید کننده کاوس خود را روی لینک قرار می دهد به نمایش در نمی آید. به مثال زیر توجه کنید:

 

<a href="../css/index.html" title="آموزش استفاده از استایل در صفحات وب">آموزش CSS به زبان فارسی</a>

ماوس خود را روی لینک  طراحی وب سایت  زیر قرار دهید تا نتیجه را مشاهده کنید:

 

آموزش C SS به زبان فارسی

از شناسه های دیگری نیز در تگ لینک می توان استفاده کرد که نحوه نمایش لینک در صفحه را تعیین می کنند. برای اطلاعات بیشتر صفحه باز کردن لینک در پنجره جدید را مطالعه  طراحی وب سایت  کنید.

 

  CSSبرای افزودن بر زیبایی و کارایی طراحی وب سایت

  آموزشاستفاده از CSSبرای افزودن بر زیبایی و کارایی طراحی وب سایت که سبب جذب بازدید کننده بیشتر می گردد و این موضوع بی شک موجبات دست یابی شما را به اهدافتان به عنوان مالک وب سایت فراهم می کند .در ادامه به معرفی برخی از سرفصل های این آموزشارزشمند CSSمی پردازیم :

معرفیخوش آمد گویی به این آموزشCSSچیست ؟
توری در طراحیآموزش نصب آموزشرابطه میان CSSو XHTMLآموزشمختصری درباره XHTML
آموزشمختصری درباره CSS
آشنایی با Embedded style sheetsآموزشلینک نمودن به یک Style Sheetآموزشلینک نمودن به چندینStyle Sheetآموزشاستفاده همزمان از Linked Style Sheetو Embedded Style Sheet
آموزشکاربرد Style Sheetهای وارد شده و یا Imported Style Sheetآموزشانتخاب گر ها
آموزشکوتاهی در رابطه با ID Selectorsآموزشکوتاهی در رابطه با Class Selectorsآموزشچندین تمرین بسیار مناسب برای کلاس ها طراحی وب سایت 
آموزش طراحی وب سایت  گزینش گروه بندی شده در CSS

 

آموزشStyle Sheetهای کاربر
آموزشمدل جعبه ای در CSS
آموزش طراحی وب سایت  شناور ساختن ساده المان ها در CSS

آموزشایجاد طرح اولیه برای Floatدر CSSآموزشپاک سازی
آموزشایجاد یک Navigation Barاز طریق یک لیست
آموزشافزودن رنگ و پس زمینهدر CSSآموزشاستفاده از رنگ های متنوع برای متون در CSSآموزشتعریف رنگ ها در CSS

آموزش طراحی وب سایت رنگ آمیزی نمودن پس زمینهدر CSSآموزشاعمال تصویر پس زمینهدرCSSآموزشنمایش پس زمینهدر جهات گوناگون

آموزشقرار دادندر مکان های متنوع و مناسب
آموزشی در رابطه با Background shorthandآموزشتغییر ارتفاع خطوط در CSS
آموزشتغییر استیل فونت و پهنای آن در CSSآموزشتنظیم اندازه فونت در CSSآموزشکاربرد Font Familyهای گوناگون
کمی در مورد Font shorthandآموزشچگونگی ترازبندی نمودن متون در CSSآموزشتنظیم عمودی خطوط نوشته های وب با استفاده از CSS

آموزشTransforming textتوسط CSSآموزشریباسازی متون توسط CSS
آموزش طراحی وب سایت  استفاده از Marginها و Borderها جهت ایجاد فضای خالی و یا فاصله دادن بین Objectهای گوناگون

آموزشMarginها
آموزشافزودن Borderها توسط CSSآموزشPaddingآموزشکاربرد Negative Marginها در CSS
آموزشدر رابطه با Margincollapsingآموزشایجاد جداول توسط CSSآموزشStyleبندی نمودن جداول وCaptionها در CSS

آموزشStyleبندی نمودن Cellهای یک جدول ایجاد شده در CSS
آموزشStylingیک ستون جدول در CSSآموزشStylingلینک های موجود در یک Cellجدول درCSSآموزشStylingجهت چاپ کرد
آموزشایجاد یک Tableتوسط CSSآموزشایجاد یک Footerو یا پانویس
و ده ها آموزشکاربردی دیگر ن
آموزشStylingبرای مدیوم خاصی
آموزش طراحی وب سایت  مخفی کردن Layoutها از چاپ

آموزشStylingپیچیده برای چاپ
آموزشچگونگی ایجاد Footerو یا پا نویس توسط CSSآموزشنهایی سازی کار و اعمال یکپارچه تمام آموخته ها
آموزشاستفاده از ستون ها
آموزش طراحی وب سایت  تنظیم Styleبخش محتوا

آموزشایجاد حاشیه برای Sidebarها